<template>
	<view class="bgimage">
		<view class="loginBox" v-if="!isRegister">
			<navBar title="登陆"></navBar>
			<login class="login" @jumpResgister="isRegister = true"></login>
		</view>
		<view class="registerBox" v-else>
			<navBar title="注册"></navBar>
			<register class="register" @jumpLogin="isRegister = false"></register>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			isRegister: false
		};
	},
	methods: {}
};
</script>

<style lang="scss">
.bgimage {
	width: 100vw;
	height: 100vh;
	background-image: radial-gradient(73% 147%, #eadfdf 59%, #ece2df 100%), radial-gradient(91% 146%, rgba(255, 255, 255, 0.5) 47%, rgba(0, 0, 0, 0.5) 100%);
	background-blend-mode: screen;
	.loginBox {
		.login {
			position: absolute;
			top: 10%;
			left: 50%;
			transform: translateX(-50%);
		}
	}
}
</style>
